<template>
  <view class="tag">{{ tagName }}</view>
</template>
<script>
  export default {
    props: {
      tag: String,
    },
    computed: {
      tagName() {
        return this.dictName(this.tag, 'TagEnum')
      }
    }
  }
</script>
<style lang='less' scoped>
.tag {
  display: inline-block;
  font-size: 22rpx;
  margin-right: 12rpx;
  margin-bottom: 16rpx;
  padding: 4rpx 12rpx;
  border-radius: 4rpx;
  color: rgb(22, 93, 255);
  background-color: rgb(232, 243, 255);
}
</style>